.supervisor-top {
  .icon-bk{
    display: inline-block;
    float:right;
    width: 33px;
    height: 31px;
    font-size:22px;
    background: url('./../../../assets/images/home/bar.png') no-repeat center center;
  };
  .supervisor-top-first {
    width:33.3%;
    padding-right:12px;
    float:left;
    color:white;
    box-sizing: border-box;
    background:#e8eff7;
    .content {
      padding:20px;
      background:#ce81cf;
      text-align:center;
      border-radius:5px;
      box-sizing: border-box;
      cursor: pointer;
      i {
        display: inline-block;
        line-height: 80px;
        float:left;font-size:55px;
        width:33.3%;
      };
      .sub-content {
        display: inline-block;
        width:66.6%;
        box-sizing: border-box;
        border-left:3px solid white;
        .num {
          line-height:40px;
          font-size:40px;
        };
        .title {
          line-height:30px;
        }
      }
    };
    .content-bottom {
      cursor: pointer;
      background:white;
      .top-div {
        line-height:70px;
        color:#7bd1db;
        margin-top:20px;
        border-radius:5px;
        padding:0 20px;
      };
      .bottom-div {
        line-height:30px;
        padding:0 20px;
        background:#7bd1db;
        color:white;
      }
    }
  };
  .supervisor-top-second {
    width:33.3%;
    padding:0 6px;
    float:left;
    box-sizing: border-box;
    .item-tb {
      background: white;
      height: 210px;
      margin: 0;
      padding-left:100px;
      margin-top: -10px;
      position: relative;
      >:first-child {
        line-height: 190px;
        position: absolute;
        width: 90px;
        text-align: center;
        left: 0;
        padding:65px 0;
      };
      .title {
        line-height:30px
      };
      .num {
        font-size:30px;
        line-height:30px;
      }
    }
  };
  .supervisor-top-third {
    width:33.3%;
    padding-left:12px;
    float:left;
    box-sizing: border-box;
    .content {
      padding: 5px;
      border: 1px dashed #2199e1;
      margin: 10px 10px 0 10px;
      border-radius:5px;
      height:190px;
      background:white;
      height: 180px;
      box-sizing: border-box;
    };
    .left-title {
      display: inline-block;
      padding-bottom: 11px;
      border-bottom: 1px solid #2199e1;
      span {
        line-height: 39px;
        display: inline-block;
        border-bottom: 1px solid #2199e1;
      };
    };
    .progress-situation {
      height:140px;
      text-indent: 2em;
      text-align: justify;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
